

<template>  
    <div>
        <!-- {{jokers}} -->
        <el-table :data="jokes">
            <el-table-column label="笑话" prop="content" align="center"></el-table-column>
            <el-table-column label="上传时间" prop="updatetime" align="center" width="160"></el-table-column>
        </el-table>
    </div>
</template>



<script>
import { get } from '@/utils/request'  //从request导一个get过来
export default {
    //生命周期
    mounted(){
        //初始化操作
        this.loadJokes();
    },
    //数据
    data(){
        return {
            jokes:[]
        }
    },
// 方法

  methods:{
    // 加载笑话数据
    loadJokes(){
      // 定义变量，请求地址
      let url = "/joke/content/list.php"
      // 请求参数
      let param = {
        page:1,
        pagesize:20,
        time:1418816972,
        key:"257faad9a7fa0f13e4feaef2f83c1a02"
      }
      // 请求后台数据
      get(url,param).then( resp => {
        // 将返回结果中有价值的信息赋值给jokes, jokes表示所有的笑话
        this.jokes = resp.result.data;
      });
    }
  }
}
</script>
<style scoped>

</style>